@import 'src/styles/vars';
@import 'src/styles/mixins';
@import 'src/styles/common';
@import 'src/styles/icons';
@import 'src/styles/headerFooter';


// new 20180704
// index
.index-main{
  position: relative;margin-top:-84px;
}
.index-SearchBlock{
    height: 108px;background: #0078ff;
    .inner{
      padding:15px 30px;
    }
    .index-input{
      float: left;margin-right: 10px;font-size: 20px;
      input{
        height: 50px;background: #fff;color: #666;padding:5px 40px 5px 20px;width:100%;
      }
    }
    .jobInput{
      width: 212px;
    }
    .industryInput{
      width: 212px;
    }
    .keywordInput{
      width: 1130px;
      input{
        float: left;width: 1020px;
      }
      a.btn{
        width: 110px;display: block;line-height: 50px;height: 50px;text-align: center;color: #fff;float: left;background: #4ba0fd;
      }
    }
    .hotWords{
      color: #fff;font-size: 16px;line-height: 40px;
      a{
        color: #fff;padding:0 10px;
      }
    }
}
.index-SearchJobsType {
  margin-top:20px;
  .leftJobs{
    width:280px;height:468px;border:1px #edebeb solid;float: left;
    .leftJobs-inner{
      padding:20px;
      .job-one{
          cursor: pointer;padding:3px 0;
          .name{
            font-size: 14px;line-height: 30px;float: left;
          }
          .icon{
            float: right;
          }
      }
      .more{
        margin-top:40px;display: block;
      }
    }
  }
  .rightBanner{
      width:907px;height:468px;float: right;
  }
}
//模块标题
.index-blockTitle{
  line-height: 30px;border-bottom: 1px #eeeeee solid;margin-bottom:10px;
  span{
    font-size: 18px;float: left;cursor: pointer;margin-right:20px;
  }
  span.bule{
    color: #3399ff;
  }
  span.buleLine{
    color: #3399ff;border-bottom:2px #3399ff solid;
  }
  a.more{
    float: right;display: block;font-size: 14px;color: #999999;
  }
}
.index-companys{
  margin-top:40px;
  .companys-block{
    width: 292px;height: 134px;border:1px #eee solid;float: left;margin-right: 10px;margin-bottom:10px;cursor: pointer;
    .inner{
      padding:10px 5px;
      .comLogo{
        float: left;width: 108px;height: 108px;
      }
      .com-right{
        padding-left:10px;float: left;width:172px;
        h2{
          font-size: 18px;color: #333333;line-height: 30px;
        }
        h5{
          font-size: 14px;color: #666666;line-height: 26px;
        }
      }
    }
  }
  .companys-block:nth-child(4n+1){
    margin-right: 0;
  }
}
.index-jobs{
  margin-top:40px;
  .jobs-block{
    width: 393px;height: 100px;float: left;margin-right: 10px;margin-bottom:10px;cursor: pointer;
    .inner{
      padding:10px 5px;
      .jobsLogo{
          width: 80px;height: 80px;float: left;
      }
      .jobsCenter{
        float: left;margin-left:10px;
        h2{
          font-size: 16px;color: #696969;line-height:50px;float: left;width: 180px;
        }
        h5{
          i{
            font-style: normal;color: #666;font-size: 14px;margin:0 3px;line-height: 26px;
          }
        }
      }
      .jobsRight{
        float: left;margin-left:10px;width:120px;text-align:right;line-height: 50px;font-size: 20px;color: #f47223;
      }
      .hr{margin:0 5px;
      }
      .hrDetail{
        padding:13px 0;
        .hrLogo{
          width: 36px;height:36px;margin-right:20px;float: left;
          // 圆角兼容
          -moz-border-radius: 15px; /* Firefox */
          -webkit-border-radius: 15px; /* Safari 和 Chrome */
          border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
        }
        .hrInfo{
          i{
            font-style: normal;color: #666;font-size: 14px;margin:0 3px;line-height: 30px;color: #999999;
          }
          .hrCName{
            font-size: 16px;color: #336666;
          }
          .hrName{
            font-size: 14px;color: #999999;
          }
        }
      }
    }
  }
  .jobs-block:nth-child(3n+1){
    margin-right: 0;
  }
}
.index-jobHunters{
  margin-top:40px;margin-bottom: 40px;
  .jobHunters-block{
    width: 100%;height: 270px;background: #0078ff;
    .leftReturn{
      width:14px;height:112px;margin:79px 35px;float: left;background: url('/static/images/web/index/leftReturn.png') no-repeat;cursor: pointer;
    }
    .rightReturn{
      width:14px;height:112px;margin:79px 35px;float: left;background: url('/static/images/web/index/rightReturn.png') no-repeat;cursor: pointer;
    }
    .inner{
      width: 1030px;float: left;height:270px;overflow: hidden;
      .allPic{
        width: 2030px;height:270px;
        .one{
          width: 150px; height:200px;margin:35px 10px;float: left;position:relative;
          img.photo{
            width: 150px;height: 172px;background: #fff;
          }
          .jobName{
            width:100%;line-height: 28px;height:28px;background: #268cff;color: #fff;text-align: center;display: block;font-size: 16px;margin-top:10px;
          }
        }
      }
    }
  }
}
.index-ads{
  height:auto;width:100%;
}
.lyx-form{
  .el-input__inner, .ivu-select-selection, .ivu-date-picker, .el-input, .el-select{
    border-radius: 0 !important;width:100%;line-height: 30px;height: 40px;
  }
  .ivu-date-picker, .ivu-input{
    line-height: 30px;padding-top:5px;padding-bottom:5px;
  }
  .resume-textarea{
    width: 500px;
    .el-textarea__inner{
      background: #f8f7f7;border:0;border-radius: 0;
    }
  }
}

//模态框首尾去掉分割线
.noTopBottomBorder{
  .ivu-modal-header{
    border-bottom:0;
  }
  .ivu-modal-footer{
    border-top:0;
  }
}
.shieldingCompanyInput{
  .el-input__inner{
    border-radius:0;
  }
}
.registerForm{
  .el-input__inner, .ivu-select-selection, .ivu-date-picker, .el-input, .el-select, .ivu-btn{
    border-radius: 0 !important;
  }
}
